<template>
	<view >

		<view class="tab-box">
			<!-- 	<view class="tab-item">
				<view class="pic">
					<image src="../../static/images/tb_icon15.png" mode="aspectFit"></image>
				</view>
				<view class="text">销售管理</view>
			</view> -->

			<view class="tab-item" @tap="$open('../specification/procurement')">
				<view class="pic"><image src="../../static/images/tb_icon16.png" mode="aspectFit"></image></view>
				<view class="text">采购管理</view>
			</view>

			<view class="tab-item" @tap="$open('../stock/stock')">
				<view class="pic"><image src="../../static/images/tb_icon17.png" mode="aspectFit"></image></view>
				<view class="text">库存管理</view>
			</view>

			<view class="tab-item" @tap="$open('./management')">
				<view class="pic"><image src="../../static/images/tb_icon18.png" mode="aspectFit"></image></view>
				<view class="text">CRM管理</view>
			</view>

			<view class="tab-item" @tap="$open('../specification/manager')">
				<view class="pic"><image src="../../static/images/tb_icon19.png" mode="aspectFit"></image></view>
				<view class="text">数据管理</view>
			</view>
		</view>
	</view>
</template>

<script></script>

<style lang="scss">
page {
	background-color: #f7f4f8;
}
.status_bar {
	height: var(--status-bar-height);
	width: 100%;
}
.tab-box {
	background-color: #fff;
	overflow: hidden;
	.tab-item {
		width: 33.1%;
		float: left;
		text-align: center;
		padding: 60upx 0;
		border-right: 1upx #f0f0f0 solid;
		border-bottom: 1upx #f0f0f0 solid;
		&:nth-child(3n + 3) {
			border-right: none;
		}
		.pic {
			image {
				width: 100%;
				height: 53upx;
			}
			margin-bottom: 20upx;
		}
		.text {
			font-size: 30upx;
			color: #333;
		}
	}
}
</style>
